<!DOCTYPE html>
<html>
<style>
.block {
    padding-top: 30%;
    margin-top: 3%;
    border-radius: 10%;
    background-color: orange;
    width: 30%;
}
.container-flex2  {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
</style>
<body>
 
        <ul>
            <li>这是一个li</li><li>这是另一个li</li><li>这是另另一个li</li><li>这是另另另一个li</li>
        </ul>
        
        // 方式二：在标签结束处消除换行符
        <ul>
            <li>这是一个li
            </li><li>这是另一个li
            </li><li>这是另另一个li
            </li><li>这是另另另一个li</li>
        </ul>
        
        // 方式三：HTML注释标签
        <ul>
            <li>这是一个li</li><!--
            --><li>这是另一个li</li><!--
            --><li>这是另另一个li</li><!--
            --><li>这是另另另一个li</li>
        </ul>
        
    </div>
</body>
</html>